<template>
    <div class="site header-style-one">
    <!-- Preloader -->
     
    <!-- Preloader End -->
    <!-- Mobile Menu -->
    <div class="mobile-menu-container">
        <div class="mobile-menu-close"></div>
        <div id="mobile-menu-wrap"></div>
    </div>
    <!-- Mobile Menu End -->

    <!-- Sidebar Toggle Area -->
    <div class="toggle-bg"></div>
    <div class="toggle-cart-products">
        <div class="toggle-close">x</div>
        <div class="widget_shopping_cart">
            <div class="widget_shopping_cart_content">
                <ul class="product_list_widget ">
                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove_from_cart_button">×</a>
                        <a href="#">
                            <img src="/images/shop/cart-product-1.jpg" alt="Product Image">
                            Flower With Vase
                        </a>
                        <span class="quantity">1 × $18.00</span>
                    </li>

                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove_from_cart_button">×</a>
                        <a href="#">
                            <img src="/images/shop/cart-product-2.jpg" alt="Product Image">
                            Fruit With Basket
                        </a>
                        <span class="quantity">1 × $22.00</span>
                    </li>

                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove_from_cart_button">×</a>
                        <a href="#">
                            <img src="/images/shop/cart-product-3.jpg" alt="Product Image">
                            Fertilizer Bag
                        </a>
                        <span class="quantity">1 × 48.00</span>
                    </li>

                    <li class="woocommerce-mini-cart-item mini_cart_item">
                        <a href="#" class="remove_from_cart_button">×</a>
                        <a href="#">
                            <img src="/images/shop/cart-product-4.jpg" alt="Product Image">
                            Hand Shovel
                        </a>
                        <span class="quantity">1 × $18.00</span>
                    </li>
                </ul>

                <p class="woocommerce-mini-cart__total">
                    Subtotal:
                    <span class="amount"><bdi><span class="woocommerce-Price-currencySymbol">$</span>126.00</bdi></span>
                </p>

                <p class="woocommerce-mini-cart__buttons">
                    <a href="#">View cart</a>
                    <a href="#">Checkout</a>
                </p>
            </div>
        </div>
    </div>
    <!-- Sidebar Toggle Area End -->
    <!-- Header Area -->
    <header class="header-area site-header">
        <div class="header-top-area">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-7">
                        <div class="top-info">
                            <ul class="cvt-list-style cvt-list-inline">
                                <li><i class="flaticon-place"></i> Obere Haltenstrasse Switzerland </li>
                                <li><i class="flaticon-email"></i><a href="mailto:admin@carnivaltheme.com">admin@carnivaltheme.com</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-5 text-right">
                        <div class="top-menu-and-cart cvt-list-style cvt-list-inline">
                            <ul class="menu">
                                <li><a href="#">Support</a></li>
                                <li><a href="#">Terms & Conditions</a></li>
                                <li><a href="#">Help Center</a></li>
                            </ul>

                            <div class="header-mini-cart">
                                <i class="flaticon-shopping-basket"></i>
                                <span class="cart-product-count">4</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="main-menu-area">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-lg-2 col-md-4 col-5">
                        <div class="site-branding">
                            <a href="index.html">
                                <img src="/images/logo/logo-one.png" alt="onland">
                            </a>
                        </div>
                    </div>

                    <div class="col-lg-10 col-md-8 col-7 d-flex align-items-center justify-content-end">
                        <div class="header-navigation-area">
                            <nav class="main-navigation">
                                <div class="main-menu-container">
                                    <ul id="main-menu" class="menu">
                                        <li class="menu-item-has-children current-menu-ancestor current-menu-item">
                                            <a href="index.html">Home</a>
                                            <ul class="sub-menu">
                                                <li class="current-menu-item"><a href="index.html">Home One</a></li>
                                                <li><a href="index-2.html">Home Two</a></li>
                                                <li><a href="index-3.html">Home Three</a></li>
                                            </ul>
                                        </li>

                                        <li><a href="about-us.html">About</a></li>

                                        <li class="menu-item-has-children">
                                            <a href="services.html">Services</a>
                                            <ul class="sub-menu">
                                                <li><a href="services.html">Services</a></li>
                                                <li><a href="service-details.html">Service Details</a></li>
                                            </ul>
                                        </li>

                                        <li class="menu-item-has-children">
                                            <a href="projects.html">Projects</a>
                                            <ul class="sub-menu">
                                                <li><a href="projects.html">Projects</a></li>
                                                <li><a href="project-details.html">Project Details</a></li>
                                            </ul>
                                        </li>

                                        <li class="menu-item-has-children">
                                            <a href="blog.html">Blog</a>
                                            <ul class="sub-menu">
                                                <li class="menu-item-has-children">
                                                    <a href="blog.html">Blog</a>
                                                    <ul class="sub-menu">
                                                        <li><a href="blog.html">Right Sidebar</a></li>
                                                        <li><a href="blog-left-sidebar.html">Left Sidebar</a></li>
                                                        <li><a href="blog-3-column.html">3 Column</a></li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children">
                                                    <a href="blog-details.html">Blog Details</a>
                                                    <ul class="sub-menu">
                                                        <li><a href="blog-details.html">Right Sidebar</a></li>
                                                        <li><a href="blog-details-left-sidebar.html">Left Sidebar</a></li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>

                                        <li class="menu-item-has-children">
                                            <a href="#">Pages</a>
                                            <ul class="sub-menu">
                                                <li><a href="team.html">Our Team</a></li>
                                                <li><a href="team-details.html">Team Details</a></li>
                                                <li><a href="shop.html">Shop</a></li>
                                                <li><a href="404.html">Error 404</a></li>
                                            </ul>
                                        </li>

                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </nav>
                        </div>

                        <div class="header-buttons-area">
                            <ul class="header-buttons-wrapper cvt-list-style d-flex justify-content-end align-items-center">
                                <li>
                                    <div class="header-mini-cart">
                                        <i class="flaticon-shopping-basket"></i>
                                        <span class="cart-product-count">4</span>
                                    </div>
                                </li>
                                <li class="header-button"><a class="cvt-button cvt-deep-bg" href="tel:123456">Call Now<i class="flaticon-phone-call"></i></a></li>
                                <li class="mobile-menu-trigger"><span></span><span></span><span></span></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header Area End-->
    <!-- Site Content Wrapper -->
    <div class="site-content">
        <!-- Content Area-->
        <div class="content-area">
            <!-- Slider Section -->
            <section class="cvt-home-slider-area">
                <div class="cvt-home-slider-wrapper">
                    <div class="cvt-single-slide-item cvt-cover-bg" data-background="/images/slider/h1-slide-1.jpg">
                        <div class="container">
                            <div class="row">
                                <div class="col-xl-6 col-lg-8 col-sm-10 col-11">
                                    <div class="cvt-slider-content-wrapper">
                                        <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                            <h2>Perfect Landscape Solution.</h2>
                                        </div>

                                        <div class="cvt-slider-content-text" data-animation="fadeInUp"  data-delay="1s">
                                            <p>It is a long established fact that reader will distracted readable content of a page when looking its layout.</p>
                                        </div>

                                        <div class="slider-button-wrapper">
                                            <a data-animation="fadeInUp"  data-delay="1.5s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="cvt-single-slide-item cvt-cover-bg" data-background="/images/slider/h1-slide-2.jpg">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="cvt-slider-content-wrapper">
                                        <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                            <h2>Perfect Landscape Solution.</h2>
                                        </div>

                                        <div class="cvt-slider-content-text" data-animation="fadeInUp"  data-delay="1s">
                                            <p>It is a long established fact that reader will distracted readable content of a page when looking its layout.</p>
                                        </div>

                                        <div class="slider-button-wrapper">
                                            <a data-animation="fadeInUp"  data-delay="1.5s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="cvt-single-slide-item cvt-cover-bg" data-background="/images/slider/h1-slide-3.jpg">
                        <div class="container">
                            <div class="row">
                                <div class="col-lg-6">
                                    <div class="cvt-slider-content-wrapper">
                                        <div class="cvt-slide-title" data-animation="fadeInUp" data-delay=".5s">
                                            <h2>Perfect Landscape Solution.</h2>
                                        </div>

                                        <div class="cvt-slider-content-text" data-animation="fadeInUp"  data-delay="1s">
                                            <p>It is a long established fact that reader will distracted readable content of a page when looking its layout.</p>
                                        </div>

                                        <div class="slider-button-wrapper">
                                            <a data-animation="fadeInUp"  data-delay="1.5s" href="services.html" class="cvt-button">All Services <i class="flaticon-double-left-chevron"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Slider Section End-->

            <!-- Partner Image Slider -->
            <div class="cvt-partner-image-wrapper">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cvt-partner-image-slider wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-single-partner-image">
                                    <div class="cvt-partner-image">
                                        <img src="/images/partner/partner-1.png" alt="Partner Image">
                                        <img src="/images/partner/partner-7.png" alt="Partner Image">
                                    </div>
                                </div>

                                <div class="cvt-single-partner-image">
                                    <div class="cvt-partner-image">
                                        <img src="/images/partner/partner-2.png" alt="Partner Image">
                                        <img src="/images/partner/partner-8.png" alt="Partner Image">
                                    </div>
                                </div>

                                <div class="cvt-single-partner-image">
                                    <div class="cvt-partner-image">
                                        <img src="/images/partner/partner-3.png" alt="Partner Image">
                                        <img src="/images/partner/partner-9.png" alt="Partner Image">
                                    </div>
                                </div>

                                <div class="cvt-single-partner-image">
                                    <div class="cvt-partner-image">
                                        <img src="/images/partner/partner-4.png" alt="Partner Image">
                                        <img src="/images/partner/partner-10.png" alt="Partner Image">
                                    </div>
                                </div>

                                <div class="cvt-single-partner-image">
                                    <div class="cvt-partner-image">
                                        <img src="/images/partner/partner-5.png" alt="Partner Image">
                                        <img src="/images/partner/partner-11.png" alt="Partner Image">
                                    </div>
                                </div>

                                <div class="cvt-single-partner-image">
                                    <div class="cvt-partner-image">
                                        <img src="/images/partner/partner-6.png" alt="Partner Image">
                                        <img src="/images/partner/partner-12.png" alt="Partner Image">
                                    </div>
                                </div>

                                <div class="cvt-single-partner-image">
                                    <div class="cvt-partner-image">
                                        <img src="/images/partner/partner-1.png" alt="Partner Image">
                                        <img src="/images/partner/partner-7.png" alt="Partner Image">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Partner Image Slider End-->
            
            <!-- About Us Section-->
            <section class="about-us-section wow fadeInUp" data-wow-duration="1.25s">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-4 col-md-12">
                            <div class="about-left-image">
                                <img src="/images/about/h1-about-left.jpg" alt="About Left Image">
                            </div>
                        </div>
                        <div class="col-lg-8 col-md-12">
                            <div class="cvt-tabs-wrapper tab-layout-one">
                                <ul class="nav nav-tabs">
                                    <li>
                                        <a data-toggle="tab" href="#tab-number-1">
                                            <div class="cvt-tab-icon-wrapper cvt-font-icon">
                                                <i aria-hidden="true" class="flaticon-shears"></i>
                                            </div>
                                            <span class="cvt-tab-menu-text cvt-transition">Mission</span>
                                        </a>
                                    </li>

                                    <li>
                                        <a data-toggle="tab" href="#tab-number-2" class="active">
                                            <div class="cvt-tab-icon-wrapper cvt-font-icon">
                                                <i aria-hidden="true" class="flaticon-leaf-1"></i>
                                            </div>
                                            <span class="cvt-tab-menu-text cvt-transition">Vision</span>
                                        </a>
                                    </li>

                                    <li>
                                        <a data-toggle="tab" href="#tab-number-3">
                                            <div class="cvt-tab-icon-wrapper cvt-font-icon">
                                                <i aria-hidden="true" class="flaticon-flower-pot-1"></i>
                                            </div>
                                            <span class="cvt-tab-menu-text cvt-transition">Goal</span>
                                        </a>
                                    </li>
                                </ul>


                                <div class="tab-content">
                                    <div id="tab-number-1" class="cvt-tab-item tab-pane fade">
                                        <div class="cvt-tab-content-wrapper">
                                            <span class="cvt-tab-subtitle"># What is Our Vision</span>

                                            <div class="tab-description">
                                                <h3 class="cvt-tab-title">We Give Awesome Landscape Service.</h3>

                                                <p>It is a long established fact that a reader will be distracted by the thing
                                                    readable content of a page when looking at its layout. The point of the usin
                                                    that it has a more-or-less normal distribution of letters, as there is opposed to
                                                    using making it look like readable English page when we looking at its layout.</p>

                                                <strong>It is a long established fact that a reader will be the distracted by the
                                                    readable content of a page when looking at its layout. The point usin
                                                    that it has a more-or-less normal distribution.</strong>
                                            </div>

                                            <div class="cvt-tab-count-box-wrapper">
                                                <div class="row">
                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">25</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Complete Project Per Month.</span>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">20</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Years Practical Experience.</span>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">80</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Awesome Team Members.</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="tab-number-2" class="cvt-tab-item tab-pane fade in active show">
                                        <div class="cvt-tab-content-wrapper">
                                            <span class="cvt-tab-subtitle"># What is Our Vision</span>

                                            <div class="tab-description">
                                                <h3 class="cvt-tab-title">We Give Awesome Landscape Service.</h3>

                                                <p>It is a long established fact that a reader will be distracted by the thing
                                                    readable content of a page when looking at its layout. The point of the usin
                                                    that it has a more-or-less normal distribution of letters, as there is opposed to
                                                    using making it look like readable English page when we looking at its layout.</p>

                                                <strong>It is a long established fact that a reader will be the distracted by the
                                                    readable content of a page when looking at its layout. The point usin
                                                    that it has a more-or-less normal distribution.</strong>
                                            </div>

                                            <div class="cvt-tab-count-box-wrapper">
                                                <div class="row">
                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">25</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Complete Project Per Month.</span>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">20</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Years Practical Experience.</span>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">80</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Awesome Team Members.</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="tab-number-3" class="cvt-tab-item tab-pane fade">
                                        <div class="cvt-tab-content-wrapper">
                                            <span class="cvt-tab-subtitle"># What is Our Vision</span>

                                            <div class="tab-description">
                                                <h3 class="cvt-tab-title">We Give Awesome Landscape Service.</h3>

                                                <p>It is a long established fact that a reader will be distracted by the thing
                                                    readable content of a page when looking at its layout. The point of the usin
                                                    that it has a more-or-less normal distribution of letters, as there is opposed to
                                                    using making it look like readable English page when we looking at its layout.</p>

                                                <strong>It is a long established fact that a reader will be the distracted by the
                                                    readable content of a page when looking at its layout. The point usin
                                                    that it has a more-or-less normal distribution.</strong>
                                            </div>

                                            <div class="cvt-tab-count-box-wrapper">
                                                <div class="row">
                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">25</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Complete Project Per Month.</span>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">20</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Years Practical Experience.</span>
                                                        </div>
                                                    </div>

                                                    <div class="col-lg-4 col-md-4 col-sm-4 col-6">
                                                        <div class="cvt-tab-counter-box">
                                                            <div class="cvt-count-number-unit">
                                                                <span class="cvt-count-number">80</span>
                                                                <span class="cvt-count-unit">+</span>
                                                            </div>
                                                            <span class="cvt-count-title">Awesome Team Members.</span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- About Us Section End -->

            <!-- Service Section -->
            <section class="service-section">
                <div class="cvt-service-section-image-one">
                    <img src="/images/services/service-bg-one.png" alt="Service Section image">
                </div>

                <div class="cvt-service-section-image-two">
                    <img src="/images/services/service-bg-two.png" alt="Service Section image">
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-section-title-content">
                                    <span class="cvt-section-subtitle"># Our Services</span>
                                    <h2 class="cvt-section-title">Choose A Service</h2>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="cvt-service-box-wrapper">
                        <div class="row">
                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="cvt-service-item wow fadeInUp" data-wow-duration="1.25s">
                                    <img src="/images/services/service-1.jpg" alt="Service Image">

                                    <div class="cvt-service-box-content-wrapper">
                                        <div class="cvt-service-box-content">
                                            <div class="cvt-service-icon-title cvt-transition">
                                                <div class="cvt-service-icon cvt-transition">
                                                    <i class="flaticon-fence-3"></i>
                                                </div>

                                                <a href="service-details.html">
                                                    <h3 class="cvt-service-title">Garden Fence</h3>
                                                </a>
                                            </div>
                                            <a href="service-details.html" class="cvt-service-details cvt-transition"><i class="flaticon-double-right-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="cvt-service-item wow fadeInUp" data-wow-duration="1.25s">
                                    <img src="/images/services/service-2.jpg" alt="Service Image">

                                    <div class="cvt-service-box-content-wrapper">
                                        <div class="cvt-service-box-content">
                                            <div class="cvt-service-icon-title cvt-transition">
                                                <div class="cvt-service-icon cvt-transition">
                                                    <i class="flaticon-eggs"></i>
                                                </div>

                                                <a href="service-details.html">
                                                    <h3 class="cvt-service-title">Landscape Design</h3>
                                                </a>
                                            </div>
                                            <a href="service-details.html" class="cvt-service-details cvt-transition"><i class="flaticon-double-right-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="cvt-service-item wow fadeInUp" data-wow-duration="1.25s">
                                    <img src="/images/services/service-3.jpg" alt="Service Image">

                                    <div class="cvt-service-box-content-wrapper">
                                        <div class="cvt-service-box-content">
                                            <div class="cvt-service-icon-title cvt-transition">
                                                <div class="cvt-service-icon cvt-transition">
                                                    <i class="flaticon-water-hose"></i>
                                                </div>

                                                <a href="service-details.html">
                                                    <h3 class="cvt-service-title">Garden Care</h3>
                                                </a>
                                            </div>
                                            <a href="service-details.html" class="cvt-service-details cvt-transition"><i class="flaticon-double-right-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="cvt-service-item wow fadeInUp" data-wow-duration="1.25s">
                                    <img src="/images/services/service-4.jpg" alt="Service Image">

                                    <div class="cvt-service-box-content-wrapper">
                                        <div class="cvt-service-box-content">
                                            <div class="cvt-service-icon-title cvt-transition">
                                                <div class="cvt-service-icon cvt-transition">
                                                    <i class="flaticon-flower-1"></i>
                                                </div>

                                                <a href="service-details.html">
                                                    <h3 class="cvt-service-title">Flower Scaping</h3>
                                                </a>
                                            </div>
                                            <a href="service-details.html" class="cvt-service-details cvt-transition"><i class="flaticon-double-right-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="cvt-service-item wow fadeInUp" data-wow-duration="1.25s">
                                    <img src="/images/services/service-5.jpg" alt="Service Image">

                                    <div class="cvt-service-box-content-wrapper">
                                        <div class="cvt-service-box-content">
                                            <div class="cvt-service-icon-title cvt-transition">
                                                <div class="cvt-service-icon cvt-transition">
                                                    <i class="flaticon-tree-1"></i>
                                                </div>

                                                <a href="service-details.html">
                                                    <h3 class="cvt-service-title">Tree Planting</h3>
                                                </a>
                                            </div>
                                            <a href="service-details.html" class="cvt-service-details cvt-transition"><i class="flaticon-double-right-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="cvt-service-item wow fadeInUp" data-wow-duration="1.25s">
                                    <img src="/images/services/service-6.jpg" alt="Service Image">

                                    <div class="cvt-service-box-content-wrapper">
                                        <div class="cvt-service-box-content">
                                            <div class="cvt-service-icon-title cvt-transition">
                                                <div class="cvt-service-icon cvt-transition">
                                                    <i class="flaticon-shears"></i>
                                                </div>

                                                <a href="service-details.html">
                                                    <h3 class="cvt-service-title">Branch Cutting</h3>
                                                </a>
                                            </div>
                                            <a href="service-details.html" class="cvt-service-details cvt-transition"><i class="flaticon-double-right-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="cvt-service-item wow fadeInUp" data-wow-duration="1.25s">
                                    <img src="/images/services/service-7.jpg" alt="Service Image">

                                    <div class="cvt-service-box-content-wrapper">
                                        <div class="cvt-service-box-content">
                                            <div class="cvt-service-icon-title cvt-transition">
                                                <div class="cvt-service-icon cvt-transition">
                                                    <i class="flaticon-plant-1"></i>
                                                </div>

                                                <a href="service-details.html">
                                                    <h3 class="cvt-service-title">Plant Growing</h3>
                                                </a>
                                            </div>
                                            <a href="service-details.html" class="cvt-service-details cvt-transition"><i class="flaticon-double-right-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>


                            <div class="col-xl-3 col-lg-4 col-md-6">
                                <div class="cvt-service-item wow fadeInUp" data-wow-duration="1.25s">
                                    <img src="/images/services/service-8.jpg" alt="Service Image">

                                    <div class="cvt-service-box-content-wrapper">
                                        <div class="cvt-service-box-content">
                                            <div class="cvt-service-icon-title cvt-transition">
                                                <div class="cvt-service-icon cvt-transition">
                                                    <i class="flaticon-wheelbarrow"></i>
                                                </div>

                                                <a href="service-details.html">
                                                    <h3 class="cvt-service-title">Rubbish Removal</h3>
                                                </a>
                                            </div>
                                            <a href="service-details.html" class="cvt-service-details cvt-transition"><i class="flaticon-double-right-arrow"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Service Section End-->

            <!-- Faq Section -->
            <section class="faq-section">
                <div class="faq-bg-one">
                    <img src="/images/faq/faq-bg-one.png" alt="Faq">
                </div>

                <div class="faq-bg-two">
                    <img src="/images/faq/faq-bg-two.png" alt="Faq">
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="cvt-section-title-wrapper wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-section-title-content">
                                    <span class="cvt-section-subtitle"># Question And Answer</span>
                                    <h2 class="cvt-section-title">Frequently Asked Question.</h2>
                                </div>
                            </div>

                            <div class="cvt-accordion-wrapper wow fadeInUp" data-wow-duration="1.25s">
                                <div class="accordion" id="cvt-accordion">

                                    <div class="card">
                                        <div class="card-header ">
                                            <span class="card-title">
                                                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-1" aria-expanded="false">
                                                    01. How to get your services?
                                                </button>
                                            </span>
                                        </div>

                                        <div id="collapse-1" class="collapse" data-parent="#cvt-accordion">
                                            <div class="card-body">
                                                <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card">
                                        <div class="card-header active">
                                            <span class="card-title">
                                                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-2" aria-expanded="false">
                                                    02. What payment methods are available?
                                                </button>
                                            </span>
                                        </div>

                                        <div id="collapse-2" class="collapse" data-parent="#cvt-accordion">
                                            <div class="card-body">
                                                <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="card">
                                        <div class="card-header active">
                                            <span class="card-title">
                                                <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse-3" aria-expanded="true">
                                                    03. Do you works on weekend?
                                                </button>
                                            </span>
                                        </div>

                                        <div id="collapse-3" class="collapse show" data-parent="#cvt-accordion">
                                            <div class="card-body">
                                                <p>Lorem ipsum dolor sit amet elite send do eiusmod tempor incididunt labore na aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex equat.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="cvt-button-with-image-wrapper wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-button-with-image">
                                    <img src="/images/faq/faq.jpg" alt="Faq">
                                    <div class="cvt-image-button">
                                        <a href="tel:1234567890" class="cvt-button cvt-call-button">Call Now<i class="flaticon-phone-call"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Faq Section End -->


            <!-- Projects Section -->
            <section class="projects-section">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-section-title-content">
                                    <span class="cvt-section-subtitle"># Recent Projects</span>
                                    <h2 class="cvt-section-title">Introduce Some Project</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="cvt-gallery-item-wrapper">
                    <div class="row">
                        <div class="cvt-gallery-item col-xl-3 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-gallery-content-wrapper cvt-cover-bg" data-background="/images/projects/project-1.jpg">
                                <div class="cvt-gallery-content">
                                    <div class="cvt-table-cell">
                                        <a href="project-details.html">
                                            <h4 class="cvt-gallery-title">Tree Plantation</h4>
                                        </a>

                                        <div class="cvt-gallery-description">
                                            <p>It is a long established fact that reader will the readable content.</p>
                                        </div>

                                        <a href="project-details.html" class="cvt-gallery-url"><i class="flaticon-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-gallery-item col-xl-3 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-gallery-content-wrapper cvt-cover-bg" data-background="/images/projects/project-2.jpg">
                                <div class="cvt-gallery-content">
                                    <div class="cvt-table-cell">
                                        <a href="project-details.html">
                                            <h4 class="cvt-gallery-title">Garden Care</h4>
                                        </a>

                                        <div class="cvt-gallery-description">
                                            <p>It is a long established fact that reader will the readable content.</p>
                                        </div>

                                        <a href="project-details.html" class="cvt-gallery-url"><i class="flaticon-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-gallery-item col-xl-3 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-gallery-content-wrapper cvt-cover-bg" data-background="/images/projects/project-3.jpg">
                                <div class="cvt-gallery-content">
                                    <div class="cvt-table-cell">
                                        <a href="project-details.html">
                                            <h4 class="cvt-gallery-title">Watering</h4>
                                        </a>

                                        <div class="cvt-gallery-description">
                                            <p>It is a long established fact that reader will the readable content.</p>
                                        </div>

                                        <a href="project-details.html" class="cvt-gallery-url"><i class="flaticon-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-gallery-item col-xl-3 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-gallery-content-wrapper cvt-cover-bg" data-background="/images/projects/project-4.jpg">
                                <div class="cvt-gallery-content">
                                    <div class="cvt-table-cell">
                                        <a href="project-details.html">
                                            <h4 class="cvt-gallery-title">Branch Cut</h4>
                                        </a>

                                        <div class="cvt-gallery-description">
                                            <p>It is a long established fact that reader will the readable content.</p>
                                        </div>

                                        <a href="project-details.html" class="cvt-gallery-url"><i class="flaticon-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-gallery-item col-xl-3 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-gallery-content-wrapper cvt-cover-bg" data-background="/images/projects/project-5.jpg">
                                <div class="cvt-gallery-content">
                                    <div class="cvt-table-cell">
                                        <a href="project-details.html">
                                            <h4 class="cvt-gallery-title">Plant Moving</h4>
                                        </a>

                                        <div class="cvt-gallery-description">
                                            <p>It is a long established fact that reader will the readable content.</p>
                                        </div>

                                        <a href="project-details.html" class="cvt-gallery-url"><i class="flaticon-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-gallery-item col-xl-3 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-gallery-content-wrapper cvt-cover-bg" data-background="/images/projects/project-6.jpg">
                                <div class="cvt-gallery-content">
                                    <div class="cvt-table-cell">
                                        <a href="project-details.html">
                                            <h4 class="cvt-gallery-title">Garden Care</h4>
                                        </a>

                                        <div class="cvt-gallery-description">
                                            <p>It is a long established fact that reader will the readable content.</p>
                                        </div>

                                        <a href="project-details.html" class="cvt-gallery-url"><i class="flaticon-right"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Projects Section End -->

            <!-- Team Section -->
            <section class="team-section">
                <div class="cvt-team-section-image-one">
                    <img src="/images/services/service-bg-one.png" alt="Service Section image">
                </div>

                <div class="cvt-team-section-image-two">
                    <img src="/images/services/service-bg-two.png" alt="Service Section image">
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-section-title-content">
                                    <span class="cvt-section-subtitle"># Team Member</span>
                                    <h2 class="cvt-section-title">Dedicated Members</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <div class="row team-slider-wrapper wow fadeInUp" data-wow-duration="1.25s">
                        <div class="cvt-col-lg-5">
                            <div class="cvt-single-team-member">
                                <div class="cvt-member-image">
                                    <a href="team-details.html">
                                        <img src="/images/team/member-1.jpg" alt="Team Member">
                                    </a>

                                    <div class="cvt-member-social">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="cvt-name-designation-wrapper">
                                    <a href="team-details.html"><h3 class="cvt-member-name">Razor Stive</h3></a>
                                    <span class="cvt-designation">Web Developer</span>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-col-lg-5">
                            <div class="cvt-single-team-member">
                                <div class="cvt-member-image">
                                    <a href="team-details.html">
                                        <img src="/images/team/member-2.jpg" alt="Team Member">
                                    </a>

                                    <div class="cvt-member-social">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="cvt-name-designation-wrapper">
                                    <a href="team-details.html"><h3 class="cvt-member-name">Aretha Elkin</h3></a>
                                    <span class="cvt-designation">Web Developer</span>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-col-lg-5">
                            <div class="cvt-single-team-member">
                                <div class="cvt-member-image">
                                    <a href="team-details.html">
                                        <img src="/images/team/member-3.jpg" alt="Team Member">
                                    </a>

                                    <div class="cvt-member-social">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="cvt-name-designation-wrapper">
                                    <a href="team-details.html"><h3 class="cvt-member-name">Clark Brown</h3></a>
                                    <span class="cvt-designation">Web Developer</span>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-col-lg-5">
                            <div class="cvt-single-team-member">
                                <div class="cvt-member-image">
                                    <a href="team-details.html">
                                        <img src="/images/team/member-4.jpg" alt="Team Member">
                                    </a>

                                    <div class="cvt-member-social">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="cvt-name-designation-wrapper">
                                    <a href="team-details.html"><h3 class="cvt-member-name">Octivia Jons</h3></a>
                                    <span class="cvt-designation">Web Developer</span>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-col-lg-5">
                            <div class="cvt-single-team-member">
                                <div class="cvt-member-image">
                                    <a href="team-details.html">
                                        <img src="/images/team/member-5.jpg" alt="Team Member">
                                    </a>

                                    <div class="cvt-member-social">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="cvt-name-designation-wrapper">
                                    <a href="team-details.html"><h3 class="cvt-member-name">Rongila Rons</h3></a>
                                    <span class="cvt-designation">Web Developer</span>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-col-lg-5">
                            <div class="cvt-single-team-member">
                                <div class="cvt-member-image">
                                    <a href="team-details.html">
                                        <img src="/images/team/member-6.jpg" alt="Team Member">
                                    </a>

                                    <div class="cvt-member-social">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                            <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        </ul>
                                    </div>
                                </div>

                                <div class="cvt-name-designation-wrapper">
                                    <a href="team-details.html"><h3 class="cvt-member-name">Jorina Jarin</h3></a>
                                    <span class="cvt-designation">Web Developer</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Team Section End -->

            <!-- Contact Section -->
            <section class="contact-section">
                <div class="contact-bg-one">
                    <img src="/images/faq/faq-bg-one.png" alt="Faq">
                </div>

                <div class="contact-bg-two">
                    <img src="/images/faq/faq-bg-two.png" alt="Faq">
                </div>
                <div class="container">
                    <div class="row">
                        <div class="col-lg-5">
                            <div class="cvt-section-title-wrapper wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-section-title-content">
                                    <span class="cvt-section-subtitle"># Contact With Us</span>
                                    <h2 class="cvt-section-title">Can Easily Book An Appointment.</h2>
                                </div>
                            </div>

                            <a href="tel:1234567890" class="cvt-button cvt-call-button wow fadeInUp" data-wow-duration="1.25s">Click To Call<i class="flaticon-phone-call"></i></a>
                        </div>

                        <div class="offset-lg-1 col-lg-6">
                            <div class="cvt-contact-form-container wow fadeInUp" data-wow-duration="1.25s">
                                <form id="contact-form" action="#" method="POST">
                                    <div class="row">
                                        <div class="col-xl-6 col-md-6">
                                            <div class="cvt-form-control-wrapper">
                                                <input name="name" type="text" placeholder="Name *" required>
                                                <i class="far fa-user"></i>
                                            </div>
                                        </div>

                                        <div class="col-xl-6 col-md-6">
                                            <div class="cvt-form-control-wrapper">
                                                <input name="email" type="email" placeholder="E-mail *" required>
                                                <i class="far fa-envelope"></i>
                                            </div>
                                        </div>

                                        <div class="col-xl-6 col-md-6">
                                            <div class="cvt-form-control-wrapper">
                                                <input name="phone" type="text" placeholder="Phone">
                                                <i class="flaticon-phone-call"></i>
                                            </div>
                                        </div>

                                        <div class="col-xl-6 col-md-6">
                                            <div class="cvt-form-control-wrapper">
                                                <input name="subject" type="text" placeholder="Subject *">
                                                <i class="flaticon-leaf-2"></i>
                                            </div>
                                        </div>

                                        <div class="col-xl-12">
                                            <div class="cvt-form-control-wrapper cvt-textarea">
                                                <textarea name="message" cols="30" rows="10" placeholder="Message *"></textarea>
                                                <i class="fas fa-pencil-alt"></i>
                                            </div>
                                        </div>

                                        <div class="col-xl-12 text-center">
                                            <button type="submit">Send Now<i class="flaticon-double-right-arrow"></i></button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Contact Section End -->
            <!-- Testimonial Section -->
            <section class="testimonial-section">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-section-title-content">
                                    <span class="cvt-section-subtitle"># Happy Customers</span>
                                    <h2 class="cvt-section-title">What People say?</h2>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="cvt-testimonial-wrapper wow fadeInUp" data-wow-duration="1.25s">
                    <div class="container-fluid">
                        <div class="row cvt-testimonial-slider">
                            <div class="col-lg-4">
                                <div class="cvt-single-testimonial-item">
                                    <div class="cvt-testimonial-header">
                                        <div class="cvt-testimonial-image cvt-cover-bg" data-background="/images/testimonial/testimonial-two.png">
                                            <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                                        </div>
                                        <div class="cvt-name-designation">
                                            <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                            <span class="cvt-testimonial-designation">happy gardener</span>
                                        </div>
                                    </div>

                                    <div class="cvt-testimonial-description">
                                        <p>Lorem Ipsum is simply dummy text printing and this type setting industry. Lorem Ipsum been the industry standard dummy text and ever since the 1500. When there unknown specimen book.</p>
                                    </div>

                                    <div class="cvt-testimonial-rating">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="cvt-single-testimonial-item">
                                    <div class="cvt-testimonial-header">
                                        <div class="cvt-testimonial-image cvt-cover-bg" data-background="/images/testimonial/testimonial-three.png">
                                            <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                                        </div>
                                        <div class="cvt-name-designation">
                                            <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                            <span class="cvt-testimonial-designation">happy gardener</span>
                                        </div>
                                    </div>

                                    <div class="cvt-testimonial-description">
                                        <p>Lorem Ipsum is simply dummy text printing and this type setting industry. Lorem Ipsum been the industry standard dummy text and ever since the 1500. When there unknown specimen book.</p>
                                    </div>

                                    <div class="cvt-testimonial-rating">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="cvt-single-testimonial-item">
                                    <div class="cvt-testimonial-header">
                                        <div class="cvt-testimonial-image cvt-cover-bg" data-background="/images/testimonial/testimonial-four.png">
                                            <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                                        </div>
                                        <div class="cvt-name-designation">
                                            <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                            <span class="cvt-testimonial-designation">happy gardener</span>
                                        </div>
                                    </div>

                                    <div class="cvt-testimonial-description">
                                        <p>Lorem Ipsum is simply dummy text printing and this type setting industry. Lorem Ipsum been the industry standard dummy text and ever since the 1500. When there unknown specimen book.</p>
                                    </div>

                                    <div class="cvt-testimonial-rating">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="col-lg-4">
                                <div class="cvt-single-testimonial-item">
                                    <div class="cvt-testimonial-header">
                                        <div class="cvt-testimonial-image cvt-cover-bg" data-background="/images/testimonial/testimonial-one.png">
                                            <div class="cvt-testimonial-icon"><i class="flaticon-leaf-1"></i></div>
                                        </div>
                                        <div class="cvt-name-designation">
                                            <h6 class="cvt-testimonial-name">Mr Razor Stive</h6>
                                            <span class="cvt-testimonial-designation">happy gardener</span>
                                        </div>
                                    </div>

                                    <div class="cvt-testimonial-description">
                                        <p>Lorem Ipsum is simply dummy text printing and this type setting industry. Lorem Ipsum been the industry standard dummy text and ever since the 1500. When there unknown specimen book.</p>
                                    </div>

                                    <div class="cvt-testimonial-rating">
                                        <ul class="cvt-list-style cvt-list-inline">
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                            <li><i class="fas fa-star"></i></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Testimonial Section End -->

            <!-- Recent Post Section -->
            <section class="recent-post-section">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-12">
                            <div class="cvt-section-title-wrapper text-center wow fadeInUp" data-wow-duration="1.25s">
                                <div class="cvt-section-title-content">
                                    <span class="cvt-section-subtitle"># Recent Posts</span>
                                    <h2 class="cvt-section-title">Latest News From Blog</h2>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="row cvt-recent-post-wrapper">
                        <div class="cvt-recent-post-item col-lg-4 col-sm-6 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-recent-post-content">
                                <a href="blog-details.html" class="cvt-recent-post-thumbnail">
                                    <img src="/images/blog/recent-post-one.jpg" alt="Post Thumbnail">
                                </a>

                                <a href="blog-details.html">
                                    <h4 class="cvt-recent-post-title">The High Quality Landscaping Solutions From Onland.</h4>
                                </a>

                                <div class="cvt-recent-post-meta-read-more">
                                    <div class="cvt-recent-post-mata">
                                        <ul>
                                            <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                            <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                        </ul>
                                    </div>

                                    <div class="cvt-recent-post-read-more">
                                        <a href="blog-details.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="cvt-recent-post-item col-lg-4 col-sm-6 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-recent-post-content">
                                <a href="blog-details.html" class="cvt-recent-post-thumbnail">
                                    <img src="/images/blog/recent-post-two.jpg" alt="Post Thumbnail">
                                </a>

                                <a href="blog-details.html">
                                    <h4 class="cvt-recent-post-title">The High Quality Landscaping Solutions From Onland.</h4>
                                </a>

                                <div class="cvt-recent-post-meta-read-more">
                                    <div class="cvt-recent-post-mata">
                                        <ul>
                                            <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                            <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                        </ul>
                                    </div>

                                    <div class="cvt-recent-post-read-more">
                                        <a href="blog-details.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="cvt-recent-post-item col-lg-4 col-sm-6 wow fadeInUp" data-wow-duration="1.25s">
                            <div class="cvt-recent-post-content">
                                <a href="blog-details.html" class="cvt-recent-post-thumbnail">
                                    <img src="/images/blog/recent-post-three.jpg" alt="Post Thumbnail">
                                </a>

                                <a href="blog-details.html">
                                    <h4 class="cvt-recent-post-title">The High Quality Landscaping Solutions From Onland.</h4>
                                </a>

                                <div class="cvt-recent-post-meta-read-more">
                                    <div class="cvt-recent-post-mata">
                                        <ul>
                                            <li><i class="far fa-user"></i><span class="author vcard">Mr Razor Stive</span></li>
                                            <li><i class="far fa-calendar-check"></i><span class="entry-date">Feb 12, 2021</span></li>
                                        </ul>
                                    </div>

                                    <div class="cvt-recent-post-read-more">
                                        <a href="blog-details.html" class="cvt-button">Read More<i class="flaticon-double-right-arrow"></i></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Recent Post Section End -->

            <!-- Footer Are -->
            <footer class="site-footer">
                <div class="footer-widget-area cvt-cover-bg">
                    <div class="footer-left-image">
                        <img src="/images/footer/footer-left-image.png" alt="">
                    </div>

                    <div class="container">
                        <div class="row">
                            <div class="widget col-lg-3 col-md-0 td_blank_widget"></div>
                            <div class="widget col-lg-3 col-md-6 widget_nav_menu">
                                <h4 class="widget-title">Quick Links</h4>

                                <ul class="menu">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="contact.html">Contact Us</a></li>
                                    <li><a href="team.html">Our Team</a></li>
                                    <li><a href="services.html">Our Services</a></li>
                                    <li><a href="projects.html">Our Projects</a></li>
                                    <li><a href="#">Privacy Policy</a></li>
                                    <li><a href="#">Our Terms</a></li>
                                </ul>
                            </div>

                            <div class="widget col-lg-3 col-md-6 widget_td_contact_info_widget">
                                <h4 class="widget-title">Contact Info</h4>

                                <div class="cvt-widget-short-desc">
                                    <p>Visit our office or connect us via Phone and Email.</p>
                                </div>

                                <ul class="cvt-list-style widget-contact-info-list">
                                    <li class="widget-address-desc">
                                        <i class="fas fa-map-marker-alt"></i>
                                        <div class="widget-addr-dsc">
                                            <p>Obere Haltenstrasse, Lugaggia. Switzerland - 6953</p>
                                        </div>
                                    </li>

                                    <li><a href="tel:+410123456789"><i class="fas fa-mobile-alt"></i>+410 123 456 789</a></li>

                                    <li><a href="mailto:admin@carnivaltheme.com"><i class="fas fa-paper-plane"></i>admin@carnivaltheme.com</a></li>
                                </ul>

                            </div>

                            <div class="widget col-lg-3 col-md-6 td_gallery_widget">
                                <h4 class="widget-title">Photo Gallery</h4>

                                <div class="cvt-gallery-photo-wrapper">
                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-one.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-one.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>

                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-two.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-two.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>

                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-three.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-three.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>

                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-four.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-four.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>

                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-five.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-five.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>

                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-six.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-six.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>

                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-seven.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-seven.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>

                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-eight.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-eight.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>

                                    <a class="cvt-gallery-photo-url cvt-popup-image" href="/images/footer/gallery-nine.jpg">
                                        <div class="cvt-gallery-photo-item" data-background="/images/footer/gallery-nine.jpg">
                                            <div class="cvt-gallery-photo-overlay cvt-transition">
                                            <div class="cvt-gallery-photo-plus">+</div></div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="footer-bottom-area">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-6 col-md-6">
                                <div class="footer-social-icon social-icons">
                                    <ul class="cvt-list-style cvt-list-inline">
                                        <li><a href="#" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-twitter"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
                                        <li><a href="#" target="_blank"><i class="fab fa-pinterest-p"></i></a></li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-lg-6 col-md-6">
                                <div class="site-copyright-text">
                                    &copy; OnLand 2021 | All Right Reserved <a href="http://www.adminbuy.cn" target="_blank">网站模板</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="scroll-to-top"><i class="flaticon-leaf"></i></div>
            </footer><!-- Footer Area End -->
        </div><!-- Content Area End-->
    </div><!-- Site Content Wrapper End -->
</div>
</template>
  
<script setup lang='ts'>
import '@/assets/js/main.js'
</script>
  
<style>
  
</style>